@charset "utf-8";


@font-face { font-family: "member"; src: url('img/member.woff') format('woff'),  url('img/member.ttf') format('truetype'); }



.member_iconfont { font-family: "member" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }



/* Style Reset */



html { font-size: 625%; -webkit-text-size-adjust: none; max-height: 100% }



body { font-size: 0.16rem; }



body, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt { margin: 0; padding: 0; }



ul, ol, li, dl, dt, dd { list-style: none; }



a { text-decoration: none; outline: 0px; }



fieldset, img { border: 0; }



img { display: block; max-width: 100% }



input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea { -webkit-appearance: none; }



.clear { clear: both; width: 100%; }



.c { clear: both; width: 100%; }



/* common */



.content { min-height: 8rem; overflow: hidden; font-size: 0.2rem; margin-top: 6%; padding-bottom: 16%; background-color: transparent; }



.content_new { margin-top: 0!important; } /* 首页不要上边距 */



.common_bg { background-color: #b30f1a!important; }



/* index style */

/*header*/



.header { width: 100%; height: 0.691rem; background: #1d1d1d; position: relative; z-index: 9999; }



.head { text-align: center; position: fixed; width: 100%; height: 0.691rem; top: 0; right: 0; box-shadow: 0 4px 4px rgba(9,2,4,.55); line-height: 0.2rem; z-index: 99; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }



.head img{margin:15px auto;}



.logo { display: inline-block; width: 50%; height: auto;}



.top-nav { position: absolute; right: 1.09375%; top: 100%; width: 14.0625%; }



.class-btn { position: absolute; right: 16%; top: 0%; width: 14.0625%; font-size: 0.24rem; line-height: 0.82rem; color: #fff; text-align: center; overflow: hidden; }



.top-home { position: absolute; left: 1.09375%; top: 0; width: 14.0625%; font-size: 0.4rem; line-height: 0.82rem; color: #fff; text-align: center; overflow: hidden; }



.top-title { width: 70%; position: absolute; left: 15%; top: 0; font-size: 0.3rem; line-height: 0.71rem; text-align: center; color: #fff; overflow: hidden; }



.sub_page { min-height: 6rem; overflow: hidden; font-size: 0.16rem }



.sub_page center { padding: 0.4rem 0; font-size: 0.2rem }



.sub_page center a { color: red }



.search_hl { width: 14.0625%; top: -1px; position: absolute; height: 100%; font-size: 0.38rem; line-height: 0.8rem; color: #fff; text-align: center; overflow: hidden; }



.search_l { left: 0%; }



/*header end*/



/* nav */



body { position: relative; width: 100%; background: #fff; height: 100%; }



.allpage { position: relative; z-index: 10; background: #fff; height: auto; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; right: 0; min-height: 6rem; }



.clicked { right: 220px!important; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }



.nav { width: 220px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; }



.fixed { width: 220px; height: 100%; position: fixed; right: 0; top: 0; bottom: 0; z-index: 5; overflow-x: hidden; -webkit-overflow-scrolling: touch; }



.nav li { width: 220px; margin: 0 auto; border-bottom: 1px solid #0060d1; }



.nav li a { display: block; width: 100%; font: 100 16px/50px '微软雅黑'; color: #fff; text-indent: 60px; }



.nav li a span { margin-right: 3% }



.nav li p { text-indent: 70px; }



.nav li:last-child { margin-bottom: 20%; }



#allmap { width: 100%; height: 8rem; font-size: 0.18rem }



.share { width: 160px; margin: 0.5rem auto; }



.black-fixed { position: fixed; z-index: 99999!important; left: 0; width: 0; top: 0; height: 100%; background: rgba(0,0,0,0.9); text-align: right; font-size: 0.4rem; color: #fff; line-height: 2; right: 0; overflow: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 0 }



.black-clicked { width: 100%; padding-right: 2%; left: -227px; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1 }



/* nav end*/







/* sub header */



.nav-btn { width: 14.0625%; right: 0; top: 0.2rem; position: absolute; font-size: 0.4rem; line-height: 0.71rem; color: #fff; text-align: center; overflow: hidden; z-index:100; }



.home-btn { width: 14.0625%; left: 1.09375%; top: 0; position: absolute; height: 100%; font-size: 0.4rem; line-height: 0.71rem; color: #fff; text-align: center; overflow: hidden; display: block; }



.top-nav { position: absolute; right: 1.09375%; top: 100%; width: 14.0625%; }



.top-home { position: absolute; left: 1.09375%; top: 0; width: 14.0625%; font-size: 0.4rem; line-height: 0.82rem; color: #fff; text-align: center; overflow: hidden; }



.class-btn { position: absolute; right: 16%; top: 0%; width: 18.0625%; font-size: 0.24rem; line-height: 0.666rem; color: #fff; text-align: center; overflow: hidden; }



.class-btn span.commonfont { font-size: 0.28rem }



/* footer */



.footer { width: 100%; height: 0.8rem; position: fixed!important; bottom: 0; right: 0; z-index: 9999; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }



.foot { width: 100%; position: fixed; height: 0.8rem; bottom: 0; left: 0; z-index: 10; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }



.foot-relative { position: relative; width: 100%; height: 0.8rem; }



.foot a { display: block; float: left; width: 25%; color: #fff }



.foot a span { display: block; width: 100%; text-align: center; font-size: 0.4rem; line-height: 0.5rem; }



.foot a .mxdh { width: 100%; text-align: center; font: 0.18rem/0.2rem "microsoft yahei"; }



.common-pro-search { width: 90%; height: 0.533rem; background: #fff; margin: 2% auto; }



.common-text { float: left; border: 0; background: #fff; width: 84.45%; height: 0.533rem; text-indent: 0.1rem; font: 0.16rem/0.533rem "microsoft yahei"; border-radius: 0; }



.common-submit { float: right; width: 15.55%; border: 0; font-size: 0.36rem; line-height: 0.533rem; color: #fff; height: 0.533rem; border-radius: 0; background: none; background: #333; }



/* foot search btn */



.common-search { width: 92.1875%; position: absolute; z-index: 100; left: 3.90625%; bottom: 0.9rem; background: #fff; border: 1px solid #ccc; display: none; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 1px 2px #666 inset; box-shadow: 0 1px 2px #666 inset; }



.search-input-n { width: 85%; height: 0.533rem; line-height: 0.533rem; border: none; outline: none; text-indent: 5%; border-radius: 25px; font-family: "microsoft yahei"; background-color: transparent; }



.search-btn-n { width: 12%; border: none; outline: none; font-size: 0.4rem; line-height: 0.533rem; background-color: transparent; color: #666; background-color: transparent; font-family: "microsoft yahei"; }



/* foot search btn end*/



/*font*/



@font-face { font-family: "iconfont"; src: url('img/iconfont.woff') format('woff'), url('img/iconfont.ttf') format('truetype'); }



.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }



/*font*/



@font-face { font-family: "commonfont"; src: url('img/common.woff') format('woff'), url('img/common.ttf') format('truetype'); }



.commonfont { font-family: "commonfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }



/* sub_banner */



.big-pic { width: 100%; position: relative; z-index: 2; margin: 0 auto; }



.big-pic-in { position: relative; width: 100%; height: auto; overflow: hidden; margin: 0 auto; }



.pic-list { position: relative; height: auto; -webkit-transform: translate3d(0, 0, 0); z-index: 0; }



.pic-list img { float: left; height: auto; width: 100%; display: block; }



.big-pic2 .pic-list { width: 200%; }



.big-pic2 .pic-list img { width: 50%; }



.big-pic3 .pic-list { width: 300%; }



.big-pic3 .pic-list img { width: 33.333334%; }



.big-pic4 .pic-list { width: 400%; }



.big-pic4 .pic-list img { width: 25%; }



.slide-dot { width: 100%; text-align: center; height: 16px; padding-top: 4px; overflow: hidden; position: absolute; bottom: 5px; display: none }



.slide-dot span { display: inline-block; width: 8px; height: 8px; border-radius: 8px; vertical-align: top; z-index: 10; margin: 0 7px; background: #fff }



.slide-dot span.slide-dot-cur { z-index: 10; vertical-align: top; background: #6b1b55 }



.transition { -moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }



/* top class */



.type { width: 100%; top: 0.691rem; position: fixed; background: #232323; z-index: 999; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; height: 3rem; padding: 0.1rem 0; display: none }



.type li { width: 90%; background: #fff; font: 0.2rem/0.46rem "microsoft yahei"; margin: 2% auto; overflow: hidden; position: relative; }



.type li a { display: block; float: left; width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 4%; color: #666 }



.type li span.commonfont { font-size: 0.3rem; line-height: 0.46rem; display: block; width: 16%; text-align: center; color: #666; position: absolute; top: 0; right: 0; }



.type li dl { float: left; border-top: 2px solid #232323; width: 100%; display: none }



.type li dl dd { overflow: hidden }



.type li dl dd a { width: 100% }



.type h1 { font: 0.2rem/2 "microsoft yahei"; width: 90%; margin: 0 auto; color: #fff; }



/* top class */



.class { width: 100%; top: 8.33em; position: fixed; background: #232323; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; height: 3rem; padding: 0.1rem 0; display: none }



.class li { width: 90%; background: #fff; font: 0.2rem/0.46rem "microsoft yahei"; margin: 2% auto; overflow: hidden; position: relative; }



.class li a { display: block; float: left; width: 60%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 0 4%; color: #666 }



.class li span.iconfont { font-size: 0.3rem; line-height: 0.46rem; display: block; width: 16%; text-align: center; color: #666; position: absolute; top: 0; right: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }



.class li span.iconfont.class-up { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }



.class li dl { float: left; border-top: 2px solid #232323; width: 100%; display: none }



.class li dl dd { overflow: hidden }



.class li dl dd a { width: 100% }



/* subpage */



.about, .view { width: 92.5%; margin: 0% auto; font: 0.22rem/2.4 "microsoft yahei"; color: #1d1d1d; }



.view p { margin: 0; padding: 0; }



.view h1 { width: 100%; text-align: center; font: 0.3rem/0.5rem "microsoft yahei"; color: #393939; }



.about h1 { line-height: 0.6rem; text-align: center; font: 0.28rem/0.5rem "microsoft yahei"; font-weight: bold; margin-bottom: 3%; }



.view img { max-width: 100%; display: inline }



.page { display: block; width: 100%; height: 0.38rem; font: 0.22rem/0.38rem "microsoft yahei"; color: #777; background: #ddd; border-radius: 0.38rem; margin: 2% auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-indent: 0.1rem; }



.back { display: block; width: 33.57%; margin: 2% auto; height: 0.4rem; border-radius: 0.4rem; font: 0.2rem/0.4rem "microsoft yahei"; color: #393939; text-align: center; }



/* product */



.product-top { width: 91.25%; margin: 2% auto; border-bottom: 1px solid #c9c9c9; height: 0.5833rem; font: 0.2rem/0.5833rem "microsoft yahei"; color: #7b7b7b; }



.product-top p { float: left; }



.product-top p span { color: #3e74ce }



.product-top-right { float: right; color: #7b7b7b }



.product-top-right a { font-size: 0.3rem; color: #272727; vertical-align: middle }



.product-top-right a.show { color: #3e74ce }



/* news */

/*

.news1,.news2,.news3{width:100%;height:auto;overflow:hidden;margin:2% auto;}

.news1 li{width:100%;height:0.691rem;overflow:hidden}

.news1 li a,.news2 li a,.news3 li a{display:block;width:100%;height:0.691rem;overflow:hidden;font:0.2rem/0.691rem "microsoft yahei"}

.news1 li span:nth-child(1),.news2 li span:nth-child(1),.news3 li span:nth-child(1){display:block;float:left;width:60%;margin-left:4%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;color:#1d1d1d}

.news1 li span:nth-child(2),.news2 li span:nth-child(2),.news3 li span:nth-child(2){display:block;float:right;margin-right:4%;color:#9f9f9f}

.news1 li:nth-child(even){background:#f2f2f2;}

.news2 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px solid #ddd;}

.news3 li{width:100%;height:0.691rem;overflow:hidden;border-bottom:1px dashed #ddd;}

*/



/* news */



.news { width: 100%; height: auto; overflow: hidden; margin: 2% auto; }



.news li { width: 100%; height: 0.691rem; overflow: hidden }



.news li a { display: block; width: 100%; height: 0.691rem; overflow: hidden; font: 0.2rem/0.691rem "microsoft yahei" }



.news li span:nth-child(1) { display: block; float: left; width: 60%; margin-left: 4%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #1d1d1d }



.news li span:nth-child(2) { display: block; float: right; margin-right: 4%; color: #9f9f9f }



.news li:nth-child(even) { background: #fff; }



.imore, .back { display: block; width: 36%; margin: 2% auto; overflow: hidden; border-radius: 0.3rem; background: #b30f1a; text-align: center; color: #fff; font: 0.20rem/2.2 "microsoft yahei"; clear: both }



.imore:before, .back:before { content: ""; clear: both; }



.common_news { width: 100%; height: auto; overflow: hidden; margin: 0% auto; }



.news1, .news1 a, .news2, .news2 a { width: 100%; height: auto; overflow: hidden; font: 0.23rem/0.691rem "microsoft yahei"; display: block; }



.news1, .news2 { width: 92%; margin: 0 auto }



.news1 a span:nth-child(1), .news2 a span:nth-child(1) { display: block; float: left; width: 70%; height: 0.691rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #1d1d1d }



.news1 a span:nth-child(2), .news2 a span:nth-child(2) { display: block; float: right; width: 29%; height: 0.691rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: right; color: #9f9f9f }



.news2 div { width: 100%; font: 0.18rem/0.3rem "microsoft yahei"; color: #666; max-height: 0.9rem; overflow: hidden; }



.news3 { width: 96%; margin: 2% auto; height: auto; overflow: hidden; }



.news3>a { display: block; width: 33%; height: auto; overflow: hidden; float: left; padding-left: 3%; }



.news1>a>img { display: block; width: 100%; float: left; }



.news3>h1 { display: block; width: 100%; margin-left: 3%; overflow: hidden; }



.news3>h1>a { display: block; width: 100%; height: 0.35rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font: 0.22rem/0.3rem "microsoft yahei"; color: #333; }



.news3>div { float: left; width: 58%; margin-left: 3%; overflow: hidden; font: 0.18rem/0.24rem "microsoft yahei"; max-height: 0.93rem; color: #999; margin-top: 1% }



.news4 { width: 50%; float: left; height: auto; overflow: hidden; margin: 2% auto; }



.news4 a { display: block; width: 80%; margin: 0 auto; }



.news4 a img { display: block; width: 100%; }



.news4 a span { display: block; width: 100%; text-align: center; font: 0.22rem/0.3rem "microsoft yahei"; color: #666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: 6% }



.news5 { width: 96%; margin: 2% auto; height: auto; overflow: hidden; }



.news5 a.news5imgwrap { width: 25%; height: auto; float: left; margin-left: 3%; }



.news5 a.news5imgwrap img { display: block; width: 100%; }



.news5 h1 { display: block; float: left; width: 68%; margin-left: 3%; overflow: hidden }



.news5>h1>a { display: block; width: 100%; height: 0.3rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font: 0.2rem/0.3rem "microsoft yahei"; color: #333; }



.news5>div { float: left; width: 68%; margin-left: 3%; overflow: hidden; font: 0.18rem/0.2rem "microsoft yahei"; max-height: 0.59rem; color: #999; margin-top: 1% }



/* case */



.case { width: 100%; height: auto; overflow: hidden; margin: 2% auto }



.case li { width: 100%; height: auto; padding: 2% 0; border-bottom: 1px solid #ccc; overflow: hidden }



.case li>a { display: block; width: 35.46875%; float: left; margin: 0 3.75% 0 4.6875%; border: 1px solid #fff; }



.case li>a img { display: block; width: 100% }



.case li h1 { float: left; width: 51.875%; height: 0.35rem; font: 0.2rem/0.35rem "microsoft yahei"; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }



.case li h1 a { color: #232323 }



.case li div { float: left; width: 51.75%; height: 1.1rem; overflow: hidden; font: 0.18rem/0.28rem "microsoft yahei"; color: #1d1d1d }



/* for white */



.white-bg { background: #fff; }



/* login & reg */



.login { width: 87.5%; margin: 10% auto; height: auto; overflow: hidden }



.login li { width: 100%; height: auto; padding-bottom: 3%; overflow: hidden; font: 0.16rem/1.4 "microsoft yahei" }



.login_input { display: block; border: 1px solid #d9d9d9; background: #fff; width: 96%; float: left; height: 0.42rem; font: 0.2rem/0.42rem "microsoft yahei"; text-indent: 0.1rem; -webkit-appearance: none; border-radius: 0 }



.login_textarea { display: block; border: 1px solid #d9d9d9; background: #fff; width: 95%; float: left; height: 1.42rem; font: 0.2rem/0.42rem "microsoft yahei"; text-indent: 0.1rem; -webkit-appearance: none; border-radius: 0; resize: none }



.pin_width { width: 51.78%; }



.login_pin { width: 30%; float: left; height: 0.42rem; margin-left: 4%; }



.login_btn { width: 98%; height: 0.5rem; color: #fff; border: 0; -webkit-appearance: none; border-radius: 0; text-align: center; font: 0.22rem/0.5rem "microsoft yahei" }



.red_alert { width: 87.5%; margin: 0 auto; font: 0.2rem/0.44rem "microsoft yahei"; color: red; }



.login_link1 { float: left; font: 0.2rem/0.44rem "microsoft yahei"; color: #949494; margin-left: 4% }



.login_link2 { float: right; font: 0.2rem/0.44rem "microsoft yahei"; color: #949494; margin-right: 4% }



.info_left { float: left; width: 26%; text-align: left; font: 0.2rem/0.44rem "microsoft yahei"; color: #707070 }



.info_username { float: left; width: 16%; text-align: center; font: 0.2rem/0.44rem "microsoft yahei"; color: #707070 }



.info_input { float: left; width: 70%; }



/* site_nav 悬浮球*/



.site_btn { position: fixed; width: 0.7rem; height: 0.7rem; top: 270px; left: 1.875%; z-index: 999; border: 2px solid #e1e1e1; border-radius: 50%; color: #fff; text-align: center; font: 0.5rem/0.7rem "microsoft yahei"; }



.cart-btn-numbers { width: 100%; position: relative; height: 100%; color: #fff }



.cart-btn-number { position: absolute; width: 0.24rem; height: 0.24rem; left: 74%; bottom: 74%; font: 0.14rem/0.24rem "microsoft yahei"; background: #fff; border: 0.016rem solid #e1e1e1; border-radius: 50%; color: #c2c2c2 }



/* 临时

.site-nav{position:absolute;left:0;bottom:100%;width:100px;height:auto;overflow:hidden}   */



.site-nav li { overflow: hidden; width: 100%; height: auto; font: 0.16rem/0.2rem "microsoft yahei" }



.site-nav a { color: #fff }



.site-nav li a { font: 0.18rem/0.2rem "microsoft yahei"; color: #fff; text-align: center; display: block; position: absolute; width: 0.6rem; height: 0.4rem; border-radius: 50%; border: 2px solid #e8e8e8; bottom: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: -999; transform: rotate(-360deg); -ms-transform: rotate(-350deg); -moz-transform: rotate(-350deg); -webkit-transform: rotate(-350deg); -o-transform: rotate(-350deg); padding: 0.1rem 0; }



.site-nav.slideup li:nth-child(1) a { left: 100%; bottom: 100%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; transition-delay: 0ms; z-index: 999; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }



.site-nav.slideup li:nth-child(2) a { left: 150%; bottom: 0.05rem; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; transition-delay: 100ms; z-index: 999; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }



.site-nav.slideup li:nth-child(3) a { left: 100%; bottom: -0.6rem; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; transition-delay: 200ms; z-index: 999; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }



.site-nav.slidedown li:nth-child(1) a { left: auto; right: 100%; bottom: 100%; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; transition-delay: 0ms; z-index: 999; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }



.site-nav.slidedown li:nth-child(2) a { left: auto; right: 150%; bottom: 0.05rem; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; transition-delay: 100ms; z-index: 999; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }



.site-nav.slidedown li:nth-child(3) a { left: auto; right: 100%; bottom: -0.6rem; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; opacity: 1; transition-delay: 200ms; z-index: 999; transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); }



/* product width cart btn css*/



.view-price { width: 100%; margin: 0 auto; font: 0.2rem/2 "microsoft yahei"; color: #626262 }



.view-price span { font-size: 0.28rem; color: #ff0000 }



.view_btns { width: 100%; margin: 2% auto; overflow: hidden }



.view_btns a { display: block; font: 0.22rem/1.6 "microsoft yahei"; color: #fff; padding: 3% 12%; float: left }



.view_btns a:last-child { float: right; }



.view_collect { width: 100%; margin: 2% auto; overflow: hidden; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }



.view_collect p { float: left; width: 30%; font: 0.2rem/3 "microsoft yahei"; border-right: 1px solid #dadada; color: #6b6565; text-align: center; }



.view_collect a { float: left; width: 68%; font: 0.2rem/3 "microsoft yahei"; position: relative; text-indent: .6em; color: #707070; display: block }



.view_collect a font { position: absolute; right: 0 }



.view_collect a a { color: #707070 }



.header { height: 0.691rem!important; }

@media all and (min-width:640px) {



.content { width: 640px; margin: 0 auto; position: relative; margin-top: 6%; padding-bottom: 16%; }

}

@media only screen and (max-width: 479px) and (min-width: 321px) {



html { font-size: 70px; }

}

@media only screen and (max-width: 320px) {



html { font-size: 60px; }

}



/* Survey */



.survey { height: auto; overflow: hidden; width: 92.5%; margin: 0% auto; }



.survey li { width: 100%; height: auto; padding-bottom: 3%; overflow: hidden; font: 0.16rem/1.4 "microsoft yahei" }



.survey_input { display: block; border: 1px solid #d9d9d9; background: #fff; width: 96%; float: left; height: 0.42rem; font: 0.2rem/0.42rem "microsoft yahei"; text-indent: 0.1rem; -webkit-appearance: none; border-radius: 0 }



.surveya { height: auto; overflow: hidden; width: 92.5%; margin: 0% auto; }



.surveya li { width: 100%; height: auto; padding-bottom: 3%; overflow: hidden; font: 0.25rem/1.4 "microsoft yahei"; border-bottom: 1px solid #ededed; margin: 0 0 2% 0; }



.survey_label { margin: 5px 6px }



.survey_boder { border: #FF0000 solid 1px; }



/* msg & reg */



.msg_pin { width: 100%; float: left; height: 0.52rem; font-size: 0.3rem; line-height: 0.52rem; text-align: center; margin-left: 0%; border-radius: 6px; color: #fff; background: #f14400; }



.msg_input { display: block; border: 1px solid #d9d9d9; background: #fff; width: 94%; float: left; height: 0.52rem; font: 0.2rem/0.42rem "microsoft yahei"; text-indent: 0.1rem; -webkit-appearance: none; border-radius: 6px; }



.msg_textarea { display: block; border: 1px solid #d9d9d9; background: #fff; width: 94%; float: left; height: 1.42rem; font: 0.2rem/0.42rem "microsoft yahei"; text-indent: 0.1rem; -webkit-appearance: none; border-radius: 6px; resize: none }



.msg_input2 { display: block; border: 1px solid #d9d9d9; background: #fff; width: 50%; float: left; height: 0.42rem; font: 0.2rem/0.42rem "microsoft yahei"; text-indent: 0.1rem; -webkit-appearance: none; border-radius: 6px; }



.redmc { font-weight: bold; font: 0.28rem/0.62rem "microsoft yahei"; }



.msg_pin-value { width: 80%; float: left; height: 0.52rem; font-size: 0.3rem; line-height: 0.52rem; text-align: center; margin-left: 0%; border-radius: 6px; color: #fff; background: #f14400; margin-left: 10%; border: 0; background: #f14400; }



/* search*/



input { outline: none; }



.search { width: 96%; height: 0.691rem; padding: 0 2%; position: absolute; top: -120%; left: 0; background-color: #6c7cdc; font-family: "microsoft yahei"; }



.search-input { width: 75%; border: 1px solid #6c7cdc; border-radius: 15px 0 0 15px; float: left; border-right: none; height: 0.461rem; font-size: 0.18rem; font-family: "microsoft yahei"; text-indent: 5%; margin-top: 2%; background-color: #FFFFFF }



.search-btn { width: 15%; float: left; background-color: #fff; border-radius: 0 15px 15px 0; border: 1px solid #6c7cdc; border-left: none; height: 0.491rem; font-size: 0.25rem; margin-top: 2%; }



.search a { display: inline-block; width: 9%; float: left; color: #fff; text-align: center; height: 0.7rem; }



.index_text { width: 90%; font-size: 14px; height: 0.5rem; background: #fff url(img/search_bg_05.png) no-repeat 95% center; -webkit-background-size: 7%; background-size: 7%; border: none; font-size: 0.21rem; font-family: "microsoft yahei"; text-indent: 3%; margin: 2% 0; border-radius: 7px; }



/* product discuss */



.discuss_top { width: 87.5%; margin: 2% auto; overflow: hidden; background: url(img/discuss.png) right 0 no-repeat; background-size: 4.46%; position: relative; padding: 2% 0; color: #fff; }



.discuss_top_left { float: left; width: 70.35%; margin: 0 0 0 2.85%; height: 0.9rem; overflow: hidden; font: 0.18rem/0.3rem "microsoft yahei"; }



.discuss_top_right { position: absolute; height: 100%; right: 0; top: 0; border-left: 1px solid rgba(255,255,255,.39); width: 23.21%; font: 0.18rem/1rem "microsoft yahei"; text-align: center }



.discuss_top_right span { font-size: 0.5rem; }



.discuss_list { width: 87.5%; margin: 2% auto; overflow: hidden; }



.discuss_list li { width: 100%; height: auto; border-bottom: 1px solid #ddd; overflow: hidden; padding: 2% 0 }



.discuss_list_top { width: 100%; height: auto; overflow: hidden }



.discuss_list_top span { float: left; font: 0.18rem/0.4rem "microsoft yahei"; color: #545454 }



.discuss_list_top_right { float: right; overflow: hidden; width: 38.92%; }



.discuss_list_top_right div { float: left; width: 67.43%; height: auto; overflow: hidden; position: relative; margin-top: 3.2%; background: #d0cfcf }



.discuss_list_top_right div img { position: relative; z-index: 2; width: 100%; display: block }



.discuss_list_top_right div p { position: absolute; width: 50%; left: 0; top: 0; height: 100%; }



.discuss_list_top_right font { float: left; font: 0.18rem/0.4rem "microsoft yahei"; width: 30%; display: block; text-align: center }



.discuss_list_con { width: 100%; height: auto; overflow: hidden; font: 0.18rem/0.24rem "microsoft yahei"; color: #8a8a8a; padding: 2% 0 }



.discuss_list_reply { width: 100%; height: auto; font: 0.18rem/0.26rem "microsoft yahei"; color: #877f7f; background: #eaeaea; padding: 2%; overflow: hidden }



/* product width cart */



.view-price { width: 100%; margin: 0 auto; font: 0.2rem/2 "microsoft yahei"; color: #626262 }



.view-price span { font-size: 0.28rem; color: #ff0000 }



.view_btns { width: 100%; margin: 2% auto; overflow: hidden }



.view_btns a { display: block; font: 0.22rem/1.6 "microsoft yahei"; color: #fff; padding: 3% 12%; float: left }



.view_btns a:last-child { float: right; }



.view_collect { width: 100%; margin: 2% auto; overflow: hidden; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }



.view_collect p { float: left; width: 30%; font: 0.2rem/3 "microsoft yahei"; border-right: 1px solid #dadada; color: #6b6565; text-align: center; }



.view_collect a { float: left; width: 68%; font: 0.2rem/3 "microsoft yahei"; position: relative; text-indent: .6em; color: #707070; display: block }



.view_collect a font { position: absolute; right: 0 }



.view_collect a a { color: #707070 }



@font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?i1mm92'); src: url('../fonts/icomoon.eot?i1mm92#iefix') format('embedded-opentype'),  url('../fonts/icomoon.ttf?i1mm92') format('truetype'),  url('../fonts/icomoon.woff?i1mm92') format('woff'),  url('../fonts/icomoon.svg?i1mm92#icomoon') format('svg'); font-weight: normal; font-style: normal; }



/* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */







.iconfont { /* use !important to prevent issues with browser extensions that change fonts */

font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */

-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }



.nav_new{width: 100%;/* 	margin-top: 0.631rem; */background-color: #0053b4;/* 	padding:1.5% 0;*/}



.nav_new ul li{width: 17.8%;float: left;text-align: center;margin:1.5% 1.1%;}



.nav_new ul li a{display: inline-block;color:#cacaca;font-size: 0.18rem;font-family: "microsoft yahei";color:#fff;}



/* banner */



.banner { width: 100%; position: relative; }



.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1 }



.swiper-container-no-flexbox .swiper-slide { float: left }



.swiper-container-vertical>.swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column }



.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }



.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }



.swiper-container-multirow>.swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap }



.swiper-container-free-mode>.swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto }



.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative }



.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }



.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y }



.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x }



.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px; background-size: 27px 44px; background-position: center; background-repeat: no-repeat }



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }



.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto }



.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }



.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }



.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto }



.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") }



.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") }



.swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10 }



.swiper-pagination.swiper-pagination-hidden { opacity: 0 }



.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }



button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none }



.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer }



.swiper-pagination-white .swiper-pagination-bullet { background: #fff }



.swiper-pagination-bullet-active { opacity: 1; background: #007aff }



.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff }



.swiper-pagination-black .swiper-pagination-bullet-active { background: #000 }



.swiper-container-vertical>.swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -o-transform: translate(0, -50%); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }



.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block }



.swiper-container-horizontal>.swiper-pagination { bottom: 10px; left: 0; width: 100% }



.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 5px }



.swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px }



.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d }



.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 }



.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0)) }



.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0)) }



.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)) }



.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0)); background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0)) }



.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px }



.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out }



.swiper-container-fade .swiper-slide { pointer-events: none }



.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none }



.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto }



.swiper-container-cube { overflow: visible }



.swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1 }



.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 }



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible }



.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden }



.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 }



.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) }



.swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }



.swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }



.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 }



.swiper-scrollbar-cursor-drag { cursor: move }



.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite }



.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat }



.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") }

@-webkit-keyframes 

swiper-preloader-spin { 100% {

-webkit-transform:rotate(360deg)

}

}

@keyframes 

swiper-preloader-spin { 100% {

transform:rotate(360deg)

}

}





.swiper-pagination { width: 95%!important; text-align: right!important; bottom: 0.7rem!important; }



.swiper-pagination-bullet { background-color: #fff!important; opacity: 1!important; }



.swiper-pagination-bullet-active { background-color: #c60911!important; }



.main { width: 87.5%; margin: 0 auto; }



/* 产品 */



.product_i { background-color: #c8e1ff; }



.product_i_title { text-align: center; padding: 3.5% 0; -webkit-background-size: 50%; background-size: 50%; }

/*.product_i_title { text-align: center; padding: 3.5% 0; background: url(img/titebg_05.png) no-repeat center 88%; -webkit-background-size: 50%; background-size: 50%; }
 */

.product_i_title h2 { color: #0053b4; font-size: 0.24rem; }



.product_i_nav { padding: 0 2%; margin-top: 2.5%; }



.product_i_nav a { width: 20%; display: inline-block; background-color: #0053b4; color: #fff; margin: 0 2%; text-align: center; font-size: 0.2rem; padding: 1% 0; overflow: hidden; }



.product_i_list { padding: 0 2%; margin-top: 3%; padding-bottom: 3%; }



.product_i_list li { float: left; margin: 0 2.5%; width: 45%; }



.product_i_list li img { border: 2px solid #639cdf; }



.product_i_list li span { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.2rem; color: #4f4f4f; margin: 3% 0;text-align:center; }



.brand_title { text-align: center; background-color: #ff6e8b; color: #fff; font-size: 0.23rem; font-weight: bolder; padding: 2% 0; }



.brand_c { padding: 3% 4%; font-size: 0.19rem; color: #fff; background-color: #0053b4; line-height: 1.7; }



.index_case { padding: 0 4%; background-color: #c8e1ff; }



.index_case_title { padding: 3% 0; }



.index_case_title h2 { color: #0053b4; float: left; font-size: 0.23rem; }



.index_case_title span { height: 0.11rem; width: 67%; display: inline-block; background-color: #639cdf; float: left; margin-left: 3%; margin-top: 2%; }



.index_case_title a { float: right; color: #0053b4; font-size: 0.2rem; margin-top: 0.5%; }



.index_case_c { padding-bottom: 2%; }



.index_case_c ul li { margin-bottom: 3%; }



.index_case_c_pic { float: left; width: 30%; }



.index_case_c_content { float: left; width: 66%; margin-left: 3%; }



.index_case_c_content h2 { width: 100%; font-size: 0.21rem; color: #0053b4; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }



.index_case_c_content span { display: block; height: 0.47rem; overflow: hidden; font-size: 0.18rem; line-height: 1.3; margin-top: 2%; }



.jiameng { padding: 0 4%; background-color: #a0ccff; padding-bottom: 3%; }



.jiameng_l { width: 76.333%; float: left; }



.jiameng_r { width: 20%; float: right; }



.jiameng_l_title span { width: 60%!important; background-color: #639cdf!important; }



.jiameng_l_c { line-height: 1.6; font-size: 0.18rem; height: 1.95rem; overflow: hidden; }



.jiameng_r a { display: inline-block; width: 70%; border-radius: 6px; text-align: center; color: #fff; font-size: 0.28rem; padding: 17%; margin-top: 15%; }



.jiameng_r a:first-child { background-color: #003d84; }



.jiameng_r a:last-child { background-color: #ac0000; }



.rongyu { background-color: #c8e1ff; padding: 0 4%; padding-bottom: 5%; }



.rongyu_c img { width: 45%; height:100%;max-height:185px;border:1px solid #ccc; float: left; margin: 2% 2%; }



.contact_clud { background-color: #c8e1ff;padding-bottom:5%; }



.contact_i { width: 87%; background-color: #639cdf; text-align: center; padding: 2% 0; line-height: 1.6; font-size: 0.22rem; margin: 0 auto; color: 333;}



.gsjj { padding: 0 4% 3% 4%; background-color: #c8e1ff; }



.plc p{line-height:2;color:#0053c9;font-size:0.15rem;font-weight:bold;}



.plc span{float:right;color:#333;font-size:0.15rem;line-height:2;font-weight:normal;}



.plc span a {color:#333;font-size:0.15rem;}



.gsjj_nr p{line-height:2;text-align:justify;}



.gsjj_nr img{width:100%;margin:2% 0;}



.prolist{ padding: 0 4%; background-color: #c8e1ff; }



.pro_con ul li {width:48%;float:left;line-height:2;text-align:center;margin:0 1%;}



.pro_con ul li  a{text-align:center;color:#0053c9;}



.pro_con ul li img {width:98%;border:1px solid #0053c9;padding:1%;}



.pro_ny h1 {text-align:center;font-size:0.2rem;line-height:2;}



.pro_ny p{text-align:center;font-size:0.15rem;line-height:2;color:#999;}



.titu img{margin:2% 0;}



.miaoshu p{line-height:2;font-size:0.15rem;color:#333;text-align:justify;}



.news_con ul li{line-height:2;border-bottom:1px dashed #333;}



.news_con ul li a{font-size:0.15rem;color:#333;}



.news_con ul li span{float:right;color:#333;font-size:0.15rem;}



.fanye {line-height:2;text-align:center;}



.fanye p{color:#333;text-align:left;}



.fanye a{color:#333;}



/* 地址 */



.beian { text-align: center; color: #000; padding: 5% 0; font-size: 0.2rem; background-color: #c8e1ff; }



.beian a { color: #000; font-size: 0.2rem; }



.footer { position: fixed!important; bottom: 0; left: 0; z-index: 9999; }



.content_new { margin-top: 0!important; }



.content { padding-bottom: 15%; }

 @media all and (min-width:640px) {



.content { width: 640px; margin: 0 auto; position: relative; }

}

.left_body { padding: 3px 5px; }
.textlist li, .gridlist li, .wxlist li, .thumblist li { font-size: 16px; line-height: 1.5em; vertical-align: middle; background-color: #FFF; overflow: hidden; }

.textlist li:hover, .thumblist li:hover, .gridlist li:hover { cursor: pointer; }

/*文本列表*/


.textlist li { padding: 5px 0px; padding-left: 14px; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dotted #999999; }

/* .textlist li { padding: 5px 0px; background: url(../images/textlist.gif) left center no-repeat; padding-left: 14px; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dotted #999999; }
 */

.textlist li.first { background: none; padding-left: 3px; }

.textlist li .InfoTime { display: none; }

.textlist li .InfoContent { font-size: 14px; color: #CCCCCC; white-space: normal }

.textlist li img { float: left; width: 85px; margin-right: 5px; border: 1px solid #098144; }
.time { float: right; margin-right: 5px; }
.InfoTime { color: #999; text-align: left; font-size: 12px; padding: 2px 0px; height: 25px }
.textlist li .InfoTime { display: none; }
.wxlist InfoTimeSide p { color: #FFF }

.wxlist .InfoTimeSide p b { font-size: 20px; }

.wxlist .InfoTimeSide p i { font-size: 11px; }

.wxlist .InfoTimeSide span { position: absolute; top: 10px; right: -4px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; width: 12px; height: 12px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); background-color: #179F00; }